<!-- 二区日报 -->
<!-- 班报输出-生产管理-二区日报 -->

<template>
    <div>
        <div class="bg-white grid-content">
            <!-- <el-form :inline="true" :model="searchForm" class="demo-form-inline">

                <el-form-item label="日期:">
                    <el-date-picker 
                        v-model="searchForm.searchDate" 
                        align="right" 
                        type="date" 
                        placeholder="请选择日期"
                        :picker-options="pickerOptions"
                        value-format="yyyy-MM-dd">
                    </el-date-picker>
                </el-form-item>

                <el-form-item>
                    <el-button type="primary" @click="query()">查询</el-button>
                </el-form-item>
            </el-form> -->

            <el-tabs v-model="activeName" type="card" @tab-click="handleMenuClick">
                <el-tab-pane label="外输" name="first">
                    <!--输出界面-->
                    <el-table :data="scData" border style="width: 100%"
                        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }">
                        <el-table-column align="center" v-for="(itemBt,index) in scBt" :key="itemBt.zkInfo.zkid" :label="itemBt.zkInfo.zkmc">
                            <el-table-column align="center" v-for="(itemBtkid,index) in itemBt.rqInfo" :key="index" :label="itemBtkid.tankName+itemBtkid.tankType">
                                <el-table-column align="center" prop="" label="高度">
                                    <template slot-scope="scope">               
                                        {{scope.row.rqInfo?(scope.row.rqInfo.find(item => item.tankName+item.tankType===itemBtkid.tankName+itemBtkid.tankType)?scope.row.rqInfo.find(item => item.tankName+item.tankType===itemBtkid.tankName+itemBtkid.tankType).height:''):''}}
                                    </template>
                                </el-table-column>
                                <el-table-column align="center" prop="" label="油量">
                                    <template slot-scope="scope">               
                                        {{scope.row.rqInfo?(scope.row.rqInfo.find(item => item.tankName+item.tankType===itemBtkid.tankName+itemBtkid.tankType)?scope.row.rqInfo.find(item => item.tankName+item.tankType===itemBtkid.tankName+itemBtkid.tankType).ywY:''):''}}
                                    </template>
                                </el-table-column>
                            </el-table-column>
                     
                            <el-table-column align="center" label="天然气">
                                <el-table-column align="center" prop="" label="流量计底数">
                                    <template slot-scope="scope">               
                                        {{scope.row.zkInfo?(scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid)?scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid).gasFlowNumber:''):''}}

                                    </template>
                                </el-table-column>
                                <el-table-column align="center" prop="" label="日用气量">
                                    <template slot-scope="scope">               
                                        {{scope.row.zkInfo?(scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid)?scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid).gasConsumption:''):''}}
                                    </template>
                                </el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="外输">
                                <el-table-column align="center" prop="" label="微机产量">
                                    <template slot-scope="scope">               
                                        {{scope.row.zkInfo?(scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid)?scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid).outputMicrocom:''):''}}
                                    </template>
                                </el-table-column>
                                <el-table-column align="center" prop="" label="本队产量">
                                    <template slot-scope="scope">               
                                        {{scope.row.zkInfo?(scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid)?scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid).outputTeam:''):''}}
                                    </template>
                                </el-table-column>
                            </el-table-column>
                        </el-table-column>

                        <!-- <el-table-column align="center" label="东16污水">
                            <el-table-column align="center" prop="kbtyx_lljds" label="日来水量"></el-table-column>
                            <el-table-column align="center" prop="kbtyx_ql" label="日处理量"></el-table-column>
                        </el-table-column> -->


                        <el-table-column align="center" prop="totaPullingoil" label="罐井拉油"></el-table-column>
                        

                        <el-table-column align="center" label="外输液量">
                            <el-table-column align="center" prop="totalOutputNum" label="总外输吨"></el-table-column>
                            <el-table-column align="center" prop="" v-for="(itemBt,index) in scBt" :key="itemBt.zkInfo.zkid" :label="itemBt.zkInfo.zkmc">
                                <template slot-scope="scope">
                                    {{ scope.row.scyxInfo?(scope.row.scyxInfo.find(item => item.stationId===itemBt.zkInfo.zkid)?scope.row.scyxInfo.find(item => item.stationId===itemBt.zkInfo.zkid).exportLiqVolDaily:''):'' }}
                                    
                                </template>

                            </el-table-column>

                        </el-table-column>

                        <el-table-column align="center" label="自产气">
                            <el-table-column align="center" v-for="(itemZcqBt,index) in zcqBt" :key="itemZcqBt.zkInfos.zkid" :label="itemZcqBt.zkInfos.zkmc">
                                <el-table-column align="center" prop="" label="产气量">
                                    <template slot-scope="scope">               
                                        {{scope.row.selfProInfo?(scope.row.selfProInfo.find(item => item.zkid===itemZcqBt.zkInfos.zkid)?scope.row.selfProInfo.find(item => item.zkid===itemZcqBt.zkInfos.zkid).totalCqlZcq:''):''}}
                                    </template>
                                </el-table-column>
                            </el-table-column>
                        </el-table-column>

                        <el-table-column align="center" label="外输液量">
                            <el-table-column align="center" label="树322队">
                                <el-table-column align="center" prop="wsyl_s322d" label="产液量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="东12队">
                                <el-table-column align="center" prop="wsyl_d12d" label="产液量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="尚9队">
                                <el-table-column align="center" prop="wsyl_s9d" label="产液量"></el-table-column>
                            </el-table-column>
                        </el-table-column>
                    </el-table>
                </el-tab-pane>

                <el-tab-pane label="动态" name="second">
                    <!--动态界面-->
                    <el-table :data="dtData" border style="width: 100%"
                        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }">
                        <el-table-column align="center" label="采油井">
                            <el-table-column align="center" prop="totalWellCount" label="总井口数"></el-table-column>
                            <el-table-column align="center" prop="oilPumpCount" label="抽油机总数"></el-table-column>
                            <el-table-column align="center" prop="oilPumpOpenCount" label="抽油机开井数"></el-table-column>
                            <el-table-column align="center" prop="screwPumpCount" label="螺杆泵井总数"></el-table-column>
                            <el-table-column align="center" prop="screwPumpOpenCount" label="螺杆泵开井数"></el-table-column>
                            <el-table-column align="center" prop="openWellCount" label="开井数"></el-table-column>
                            <el-table-column align="center" prop="oilMonthPlan" label="月计划产油"></el-table-column>
                            <el-table-column align="center" prop="oilDaily" label="日产油"></el-table-column>
                            <el-table-column align="center" prop="openWellCount" label="产水井数"></el-table-column>
                            <el-table-column align="center" prop="waterDaily" label="日产水"></el-table-column>
                        </el-table-column>

                        <el-table-column align="center" label="co2注入井">
                            <el-table-column align="center" prop="totalCo2Count" label="总井数"></el-table-column>
                            <el-table-column align="center" prop="openCo2Count" label="开井数"></el-table-column>
                            <el-table-column align="center" prop="co2zrj_rsj" label="日实际"></el-table-column>
                            <el-table-column align="center" prop="co2zrj_kjpz" label="开井配注"></el-table-column>
                        </el-table-column>

                        <el-table-column align="center" label="注水井">
                            <el-table-column align="center" prop="zsj_zjs" label="总井数"></el-table-column>
                            <el-table-column align="center" prop="zsj_kjs" label="开井数"></el-table-column>
                            <el-table-column align="center" prop="zsj_rsj" label="日实际"></el-table-column>
                            <el-table-column align="center" prop="zsj_kjpz" label="开井配注"></el-table-column>
                            <el-table-column align="center" prop="zsj_zc" label="总层"></el-table-column>
                            <el-table-column align="center" prop="zsj_tc" label="停层"></el-table-column>
                            <el-table-column align="center" prop="zsj_hg" label="合格"></el-table-column>
                        </el-table-column>

                        <el-table-column align="center" label="注水泵">
                            <el-table-column align="center" prop="waterPumpToatal" label="总台数"></el-table-column>
                            <el-table-column align="center" prop="waterPumpWorkingNum" label="运行台数"></el-table-column>
                            <el-table-column align="center" prop="waterPumpWorkingTime" label="运行时间"></el-table-column>
                            <el-table-column align="center" prop="waterPumpRate" label="泵总排量"></el-table-column>
                            <el-table-column align="center" prop="waterPumpPower" label="耗电量"></el-table-column>
                        </el-table-column>

                        <el-table-column align="center" prop="jgNum" label="架罐井"></el-table-column>

                        <el-table-column align="center" prop="dailyOilPollution" label="日含油污水"></el-table-column>

                        <el-table-column align="center" label="采油井作业及措施关井">
                            <el-table-column align="center" label="检泵井">
                                <el-table-column align="center" prop="insPumpNum" label="井数"></el-table-column>
                                <el-table-column align="center" prop="insPumpEffct" label="产量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="待做业">
                                <el-table-column align="center" prop="waitPumpNum" label="井数"></el-table-column>
                                <el-table-column align="center" prop="waitPumpEffct" label="产量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="测压井">
                                <el-table-column align="center" prop="manPumpNum" label="井数"></el-table-column>
                                <el-table-column align="center" prop="manPumpEffct" label="产量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="措施井">
                                <el-table-column align="center" prop="measurePumpNum" label="井数"></el-table-column>
                                <el-table-column align="center" prop="measurePumpEffct" label="产量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="措施配合">
                                <el-table-column align="center" prop="insCooPumpNum" label="井数"></el-table-column>
                                <el-table-column align="center" prop="insCooPumpEffct" label="产量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="合计">
                                <el-table-column align="center" prop="totalWellNumber" label="井数"></el-table-column>
                                <el-table-column align="center" prop="totalWellEffect" label="产量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="地面故障关井">
                                <el-table-column align="center" prop="wellNumber" label="井数（口）"></el-table-column>
                                <el-table-column align="center" prop="effect" label="影响（吨）"></el-table-column>
                            </el-table-column>
                        </el-table-column>

                        <el-table-column align="center" label="水井临时关井">
                            <el-table-column align="center" label="钻关">
                                <el-table-column align="center" prop="drillOffWellNum" label="井数"></el-table-column>
                                <el-table-column align="center" prop="drillOffWellEffect" label="水量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="测压">
                                <el-table-column align="center" prop="manometryWellNum" label="井数"></el-table-column>
                                <el-table-column align="center" prop="manometryWellEffect" label="水量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="措施">
                                <el-table-column align="center" prop="measureWellNum" label="井数"></el-table-column>
                                <el-table-column align="center" prop="measureWellEffect" label="水量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="水井作业">
                                <el-table-column align="center" prop="workWellNum" label="井数"></el-table-column>
                                <el-table-column align="center" prop="workWellEffect" label="水量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="地面故障">
                                <el-table-column align="center" prop="groundFaultWellnum" label="井数"></el-table-column>
                                <el-table-column align="center" prop="groundFaultWellEffect" label="水量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="合计">
                                <el-table-column align="center" prop="waterSubtotalNum" label="井数"></el-table-column>
                                <el-table-column align="center" prop="waterSubtotalEffect" label="水量"></el-table-column>
                            </el-table-column>
                        </el-table-column>
                    </el-table>
                </el-tab-pane>

                <el-tab-pane label="温度" name="third">
                    <!--温度界面-->
                    <el-table :data="wdData" border style="width: 100%"
                        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }">
                        <el-table-column align="center" v-for="(itemBt,i) in wdBt" :key="itemBt.stationInfo.zkid" :label="itemBt.stationInfo.zkmc">
                            <el-table-column align="center" prop="" label="掺水">
                                <template slot-scope="scope">               
                                    {{scope.row.stationInfos.find(item => item.zkid===itemBt.stationInfo.zkid).mixiTemperature}}
                                </template>
                            </el-table-column>
                            <el-table-column align="center" prop="" label="回油">
                                <template slot-scope="scope">               
                                    {{scope.row.stationInfos.find(item => item.zkid===itemBt.stationInfo.zkid).oilTemperature}}
                                </template>
                            </el-table-column>
                            <el-table-column v-if="itemBt.roomInfos.length!=0" align="center" prop="" label="间回油温度">
                                <el-table-column align="center" v-for="(itemJmc,index) in itemBt.roomInfos" :key="itemJmc.jid" :label="itemJmc.jmc">
                                    <template slot-scope="scope">               
                                        {{scope.row.jianInfos.find(item => item.jid===itemJmc.jid)?scope.row.jianInfos.find(item => item.jid===itemJmc.jid).avgTempure:''}}
                                    </template>
                                </el-table-column>
                            </el-table-column>
                        </el-table-column>

                    </el-table>
                </el-tab-pane>

                <el-tab-pane label="采油生产运行" name="fourth">
                    <!--表一采油生产运行界面-->
                    <el-table :data="bycyscyxData" border style="width: 100%"
                        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }">
                        <el-table-column align="center" label="月度配产（吨/天）" prop="planOilProdMon"></el-table-column>
                        <el-table-column align="center" label="当日完成（吨/天）" prop="dailyComplete"></el-table-column>

                        <el-table-column align="center" label="旬度完成（吨/天）">
                            <el-table-column align="center" label="上旬" prop="earlyComplete"></el-table-column>
                            <el-table-column align="center" label="中旬" prop="midComplete"></el-table-column>
                            <el-table-column align="center" label="下旬" prop="lateComplete"></el-table-column>
                        </el-table-column>

                        <el-table-column align="center" label="年度配产（吨）" prop="oilProdPerYear"></el-table-column>

                        <el-table-column align="center" label="年累计完成（吨）" prop="yearComplete"></el-table-column>

                        <el-table-column align="center" label="总井数（口）" prop="totalNum"></el-table-column>

                        <el-table-column align="center" label="开井数（口）" prop="openNum"></el-table-column>

                        <el-table-column align="center" label="长关井数（口）" prop="longShutNum"></el-table-column>

                        <el-table-column align="center" label="间抽关井（口）" prop="drawNum"></el-table-column>

                        <el-table-column align="center" label="短期关井（口）" prop="shortTimeShutNum"></el-table-column>

                        <el-table-column align="center" label="地面故障关井">
                            <el-table-column align="center" label="井数（口）" prop="wellNumber"></el-table-column>
                            <el-table-column align="center" label="影响（吨）" prop="effect"></el-table-column>
                        </el-table-column>

                        <el-table-column align="center" label="作业及措施关井">
                            <el-table-column align="center" label="检泵井">
                                <el-table-column align="center" label="井数（口）" prop="insPumpNum"></el-table-column>
                                <el-table-column align="center" label="影响（吨）" prop="insPumpEffct"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="待做业井">
                                <el-table-column align="center" label="井数（口）" prop="waitPumpNum"></el-table-column>
                                <el-table-column align="center" label="影响（吨）" prop="waitPumpEffct"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="测压井">
                                <el-table-column align="center" label="井数（口）" prop="manPumpNum"></el-table-column>
                                <el-table-column align="center" label="影响（吨）" prop="manPumpEffct"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="措施井">
                                <el-table-column align="center" label="井数（口）" prop="measurePumpNum"></el-table-column>
                                <el-table-column align="center" label="影响（吨）" prop="measurePumpEffct"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="措施配合">
                                <el-table-column align="center" label="井数（口）" prop="insCooPumpNum"></el-table-column>
                                <el-table-column align="center" label="影响（吨）" prop="insCooPumpEffct"></el-table-column>
                            </el-table-column>
                        </el-table-column>
                    </el-table>
                </el-tab-pane>

                <el-tab-pane label="油井作业及措施" name="fifth">
                    <!--表二油井作业及措施界面-->
                    <el-table :data="beyjzyjcsData" border style="width: 100%"
                        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }">
                        <el-table-column align="center" label="油井作业（口）">
                            <el-table-column align="center" label="检泵">
                                <el-table-column align="center" label="计划" prop="pumpInsPlan"></el-table-column>
                                <el-table-column align="center" label="完成" prop="pumpInsFins"></el-table-column>
                                <el-table-column align="center" label="正施工" prop="pumpInsWorking"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="替喷">
                                <el-table-column align="center" label="正施工" prop="replaceWorking"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="新井下泵">
                                <el-table-column align="center" label="正施工" prop="newUnderWorking"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="措施井下泵">
                                <el-table-column align="center" label="正施工" prop="measureUnderWorking"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="小修">
                                <el-table-column align="center" label="正施工" prop="minorRepairWorking"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="套管调查">
                                <el-table-column align="center" label="正施工" prop="casingWorking"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="邻井封井">
                                <el-table-column align="center" label="正施工" prop="sellingWorking"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="措施配合">
                                <el-table-column align="center" label="正施工" prop="coordWorking"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="小计">
                                <el-table-column align="center" label="正施工" prop="oilsubtotal"></el-table-column>
                            </el-table-column>
                        </el-table-column>

                        <el-table-column align="center" label="措施">
                            <el-table-column align="center" label="常规压裂">
                                <el-table-column align="center" label="年计划" prop="conventionalPlan"></el-table-column>
                                <el-table-column align="center" label="完成" prop="conventionalFin"></el-table-column>
                                <el-table-column align="center" label="正施工" prop="conventionalWorking"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="缝网压裂">
                                <el-table-column align="center" label="年计划" prop="fracturePlan"></el-table-column>
                                <el-table-column align="center" label="完成" prop="fractureFin"></el-table-column>
                                <el-table-column align="center" label="正施工" prop="fractureWorking"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="水平钻孔及压裂">
                                <el-table-column align="center" label="年计划" prop="horizontalPlan"></el-table-column>
                                <el-table-column align="center" label="完成" prop="horizontalFin"></el-table-column>
                                <el-table-column align="center" label="正施工" prop="horizontalWorking"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="补孔">
                                <el-table-column align="center" label="年计划" prop="patchingPlan"></el-table-column>
                                <el-table-column align="center" label="完成" prop="patchingFin"></el-table-column>
                                <el-table-column align="center" label="正施工" prop="patchingWorking"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="小计">
                                <el-table-column align="center" label="正施工" prop="oilMeasureSubtotal"></el-table-column>
                            </el-table-column>
                        </el-table-column>

                        <el-table-column align="center" label="合计">
                            <el-table-column align="center" label="正施工" prop="allTotal"></el-table-column>
                        </el-table-column>
                    </el-table>
                </el-tab-pane>

                <el-tab-pane label="注水生产运行" name="sixth">
                    <!--表三注水生产运行页面-->
                    <el-table :data="bszsscyxData" border style="width: 100%"
                        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }">
                        <el-table-column align="center" label="月度配注（立/天）" prop="planWaterInjMon"></el-table-column>

                        <el-table-column align="center" label="当日完成（立/天）" prop="dailyComplete"></el-table-column>

                        <el-table-column align="center" label="旬度完成（吨/天）">
                            <el-table-column align="center" label="上旬" prop="earlyComplete"></el-table-column>
                            <el-table-column align="center" label="中旬" prop="midComplete"></el-table-column>
                            <el-table-column align="center" label="下旬" prop="lateComplete"></el-table-column>
                        </el-table-column>

                        <el-table-column align="center" label="年度配注（立）" prop="waterProdPerYear"></el-table-column>

                        <el-table-column align="center" label="年累计完成（立）" prop="yearComplete"></el-table-column>

                        <el-table-column align="center" label="注水泵总数（台）" prop="waterPumpToatal"></el-table-column>

                        <el-table-column align="center" label="运行台数（台）" prop="waterPumpWorkingNum"></el-table-column>

                        <el-table-column align="center" label="总井数（口）" prop="totalNum"></el-table-column>

                        <el-table-column align="center" label="开井数（口）" prop="openNum"></el-table-column>

                        <el-table-column align="center" label="长关井（口）" prop="longShutNum"></el-table-column>

                        <el-table-column align="center" label="临关井（口）">
                            <el-table-column align="center" label="钻关">
                                <el-table-column align="center" label="井数（口）" prop="drillOffWellNum"></el-table-column>
                                <el-table-column align="center" label="影响（方）" prop="drillOffWellEffect"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="测压">
                                <el-table-column align="center" label="井数（口）" prop="manometryWellNum"></el-table-column>
                                <el-table-column align="center" label="影响（方）" prop="manometryWellEffect"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="措施">
                                <el-table-column align="center" label="井数（口）" prop="measureWellNum"></el-table-column>
                                <el-table-column align="center" label="影响（方）" prop="measureWellEffect"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="水井作业">
                                <el-table-column align="center" label="井数（口）" prop="workWellNum"></el-table-column>
                                <el-table-column align="center" label="影响（方）" prop="workWellEffect"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="地面故障">
                                <el-table-column align="center" label="井数（口）" prop="groundFaultWellnum"></el-table-column>
                                <el-table-column align="center" label="影响（方）" prop="groundFaultWellEffect"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="合计">
                                <el-table-column align="center" label="井数（口）" prop="waterSubtotalNum"></el-table-column>
                                <el-table-column align="center" label="影响（方）" prop="waterSubtotalEffect"></el-table-column>
                            </el-table-column>
                        </el-table-column>
                    </el-table>
                </el-tab-pane>

                <el-tab-pane label="水井作业及措施" name="seventh">
                    <!--表四水井作业及措施页面-->
                    <el-table :data="bssjzyjcsData" border style="width: 100%"
                        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }">
                        <el-table-column align="center" label="测调（口）">
                            <el-table-column align="center" label="综合调整方案">
                                <el-table-column align="center" label="计划" prop="compAdjustmentPlan"></el-table-column>
                                <el-table-column align="center" label="完成" prop="compAdjustmentFin"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="跟踪调整方案">
                                <el-table-column align="center" label="计划" prop="trackAdjustmentPlan"></el-table-column>
                                <el-table-column align="center" label="完成" prop="trackAdjustmentFin"></el-table-column>
                            </el-table-column>
                        </el-table-column>

                        <el-table-column align="center" label="水井作业（口）">
                            <el-table-column align="center" label="重配">
                                <el-table-column align="center" label="年计划" prop="reassortmentPlan"></el-table-column>
                                <el-table-column align="center" label="已完成" prop="reassortmentFin"></el-table-column>
                                <el-table-column align="center" label="正施工" prop="reassortmentIng"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="细分">
                                <el-table-column align="center" label="年计划" prop="subdivisionPlan"></el-table-column>
                                <el-table-column align="center" label="已完成" prop="subdivisionFin"></el-table-column>
                                <el-table-column align="center" label="正施工" prop=subdivisionIng></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="补孔">
                                <el-table-column align="center" label="年计划" prop="patchingPlan"></el-table-column>
                                <el-table-column align="center" label="已完成" prop=patchingFin></el-table-column>
                                <el-table-column align="center" label="正施工" prop="patchingIng"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="小修">
                                <el-table-column align="center" label="正施工" prop="minorRepairIng"></el-table-column>
                            </el-table-column>
                        </el-table-column>

                        <el-table-column align="center" label="水井措施（口）">
                            <el-table-column align="center" label="压裂">
                                <el-table-column align="center" label="年计划" prop="fractureIng"></el-table-column>
                                <el-table-column align="center" label="已完成" prop="fractureFin"></el-table-column>
                                <el-table-column align="center" label="正施工" prop="fractureIng"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="酸化">
                                <el-table-column align="center" label="年计划" prop="acidatePlan"></el-table-column>
                                <el-table-column align="center" label="已完成" prop="acidateFin"></el-table-column>
                                <el-table-column align="center" label="正施工" prop="acidateIng"></el-table-column>
                            </el-table-column>
                        </el-table-column>
                    </el-table>
                </el-tab-pane>
            </el-tabs>   
        </div>
    </div>
</template>
  
<script>
import moment from "moment";

import qbApi from "@/api/bbsc/qubao";


export default {
    data() {
        return {
            currentDay:moment().format("YYYY-MM-DD"),
            activeName: 'first',

            searchForm: {
                searchDate:'',
            },

            //输出
            scBt:[],
            zcqBt:[],
            zkData:{},
            zcqData:{},
            zwsData:{},
            wsyData:{},
            gjData:{},


            //动态
            // dtData:[],
            dtData1:{},
            dtData2:{},
            dtData3:{},
            dtData4:{},

            //温度
            wdBt:[],
            wdData:[],

            //表一采油生产运行
            // bycyscyxData:[],
            Data1:[],//获取作业区生产运行(年度配产,月度配产)数据
            Data2:{},//获取作业区采油生产运行完成情况(当日完成,旬度完成,年累计完成)数据
            Data3:{},//获取作业区生产运行井开关情况(总井数,开井数,长关井数,间抽井数)数据
            Data4:{},//获取作业区采油生产运行地面故障关井数据
            Data5:{},//获取作业区生产运行作业及措施关井情况(检泵井,待作业井,测压井,措施井,措施配合)数据


            //表二油井作业及措施
            // beyjzyjcsData:[],
            Data11:{},//获取作业区油井作业情况(油井作业)数据
            Data12:{},//获取作业区油井措施情况(油井作业)数据
            Data13:{},//获取作业区油井作业措施合计(油井作业)数据

            //表三注水生产运行
            // bszsscyxData:[],
            Data21:{},
            Data22:{},
            Data23:{},
            Data24:[],
            Data25:{},

            //表四水井作业及措施
            // bssjzyjcsData:[],
            Data31:{},
            Data32:{},

            //时间快捷选择
            pickerOptions: {
                disabledDate(time) {
                return time.getTime() > Date.now();
                },
                shortcuts: [{
                text: '今天',
                onClick(picker) {
                    picker.$emit('pick', new Date());
                }
                }, {
                text: '昨天',
                onClick(picker) {
                    const date = new Date();
                    date.setTime(date.getTime() - 3600 * 1000 * 24);
                    picker.$emit('pick', date);
                }
                }, {
                text: '一周前',
                onClick(picker) {
                    const date = new Date();
                    date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
                    picker.$emit('pick', date);
                }
                }]
            },
        }
    },
    created(){
        //外输
        this.searchWsBt('a0Tz84PyNC')
        this.searchWsData(this.currentDay,'a0Tz84PyNC')
        this.searchZcqBt('a0Tz84PyNC')
        this.searchZcqData(this.currentDay,'a0Tz84PyNC')
        this.searchZWsData(this.currentDay,'a0Tz84PyNC')
        this.searchWsyData(this.currentDay,'a0Tz84PyNC')
        this.searchGjData(this.currentDay,'a0Tz84PyNC')
        //动态
        this.getOilTrendsInfo(this.currentDay,'a0Tz84PyNC')
        this.getCo2TrendsInfo(this.currentDay,'a0Tz84PyNC')
        this.getJGPollution(this.currentDay,'a0Tz84PyNC')
        this.getDailyOilPollution(this.currentDay,'a0Tz84PyNC')
        //温度
        this.searchWdBt('a0Tz84PyNC')
        this.searchWdData(this.currentDay,'a0Tz84PyNC')
        //采油生产运行
        this.getProPlanList(this.currentDay,'a0Tz84PyNC')
        this.getOilProCompleteList(this.currentDay,'a0Tz84PyNC')
        this.getWellInfoList(this.currentDay,'a0Tz84PyNC')
        this.getOilFaultWell(this.currentDay,'a0Tz84PyNC')
        this.getWellWorkInfo(this.currentDay,'a0Tz84PyNC')
        //油井作业及措施
        this.getOilWorkInfo(this.currentDay,'a0Tz84PyNC')
        this.getOilMeasureInfo(this.currentDay,'a0Tz84PyNC')
        this.getOilWorkMesureTotal(this.currentDay,'a0Tz84PyNC')
        //注水生产运行
        this.getWaterProCompleteList(this.currentDay,'a0Tz84PyNC')
        this.getWaterShutWellInfo(this.currentDay,'a0Tz84PyNC')
        this.getWellInfoList1(this.currentDay,'a0Tz84PyNC')
        this.getWaterPumpNum(this.currentDay,'a0Tz84PyNC')
        //水井作业及措施
        this.getWaterWellWorkInfo(this.currentDay,'a0Tz84PyNC')
        this.getWaterWellMeasureInfo(this.currentDay,'a0Tz84PyNC')
    },
    mounted(){

    },
    computed:{
        //外输
        scData:function (){
            // console.log(this.zkData)
            // console.log(this.zcqData)
            console.log("总外输",this.zwsData)
            console.log("waishu",this.wsyData)
            console.log("罐井拉油",this.gjData)
            var obj = Object.assign({},this.zkData,this.zcqData,this.zwsData,this.wsyData,this.gjData)
            console.log('1112',obj)
            
            var arr =[]
            arr.push(obj)
            return arr
            console.log("arr",arr)
        },
        
        //动态
        dtData:function (){
            var obj = Object.assign({},this.dtData1,this.dtData2,this.dtData3,this.Data22,this.Data25,this.dtData4,this.Data4,this.Data5)
            // console.log(obj)
            var arr =[]
            arr.push(obj)
            return arr
        },
        //采油生产运行
        bycyscyxData:function (){
            var obj = Object.assign({},this.Data1[0],this.Data2,this.Data3,this.Data4,this.Data5)
            // console.log(obj)
            var arr =[]
            arr.push(obj)
            return arr
        },
        //油井作业及措施
        beyjzyjcsData:function (){
            var obj = Object.assign({},this.Data11,this.Data12,this.Data13)
            // console.log(obj)
            var arr =[]
            arr.push(obj)
            return arr
        },
        //注水生产运行
        bszsscyxData:function (){
            var obj = Object.assign({},this.Data21,this.Data22,this.Data23,this.Data24[0],this.Data25)
            // console.log(obj)
            var arr =[]
            arr.push(obj)
            return arr
        },
        //水井作业及措施
        bssjzyjcsData:function (){
            var obj = Object.assign({},this.Data31,this.Data32)
            // console.log(obj)
            var arr =[]
            arr.push(obj)
            return arr
        },

    },
    methods: {
        //查询事件
        query(){
        console.log(this.searchForm.searchDate+this.searchForm.jgid)
        if(this.searchForm.searchDate === '' || this.searchForm.searchDate === null ){
            this.searchForm.searchDate = this.currentDay 
        }
        //外输
        this.searchWsData(this.searchForm.searchDate,'a0Tz84PyNC')
        this.searchZcqData(this.searchForm.searchDate,'a0Tz84PyNC')
        this.searchZWsData(this.searchForm.searchDate,'a0Tz84PyNC')
        this.searchWsyData(this.searchForm.searchDate,'a0Tz84PyNC')
        this.searchGjData(this.searchForm.searchDate,'a0Tz84PyNC')
        //动态
        this.getOilTrendsInfo(this.searchForm.searchDate,'a0Tz84PyNC')
        this.getCo2TrendsInfo(this.searchForm.searchDate,'a0Tz84PyNC')
        this.getJGPollution(this.searchForm.searchDate,'a0Tz84PyNC')
        this.getDailyOilPollution(this.searchForm.searchDate,'a0Tz84PyNC')
        //温度
        this.searchWdData(this.searchForm.searchDate,'a0Tz84PyNC')
        //采油生产运行界面
        this.getProPlanList(this.searchForm.searchDate,'a0Tz84PyNC')
        this.getOilProCompleteList(this.searchForm.searchDate,'a0Tz84PyNC')
        this.getWellInfoList(this.searchForm.searchDate,'a0Tz84PyNC')
        this.getOilFaultWell(this.searchForm.searchDate,'a0Tz84PyNC')
        this.getWellWorkInfo(this.searchForm.searchDate,'a0Tz84PyNC')
        //油井作业及措施界面
        this.getOilWorkInfo(this.searchForm.searchDate,'a0Tz84PyNC')
        this.getOilMeasureInfo(this.searchForm.searchDate,'a0Tz84PyNC')
        this.getOilWorkMesureTotal(this.searchForm.searchDate,'a0Tz84PyNC')
        //注水生产运行
        this.getWaterProCompleteList(this.searchForm.searchDate,'a0Tz84PyNC')
        this.getWaterShutWellInfo(this.searchForm.searchDate,'a0Tz84PyNC')
        this.getWellInfoList1(this.searchForm.searchDate,'a0Tz84PyNC')
        this.getWaterPumpNum(this.searchForm.searchDate,'a0Tz84PyNC')
        //水井作业及措施
        this.getWaterWellWorkInfo(this.searchForm.searchDate,'a0Tz84PyNC')
        this.getWaterWellMeasureInfo(this.searchForm.searchDate,'a0Tz84PyNC')
        },
        //外输
        async searchWsBt(jgid){
        //发送查询请求
        let res = await qbApi.getExportTableList({orgId:jgid});
            //判断是否成功
            if (res.success) {
            // console.log("外输",res.data); 
            // //赋值
            this.scBt = res.data;
            }
        },
        async searchWsData(currentDate,jgid){
        //发送查询请求
        let res = await qbApi.getExportTableDataList({currentDate:currentDate,orgId:jgid});
            //判断是否成功
            if (res.success) {
                // console.log("外输",res.data);  
            // //赋值
            this.zkData = res.data;
            }
        },
        //总外输吨
        async searchZWsData(currentDate,jgid){
        //发送查询请求
        let res = await qbApi.getTotaloutput({currentDate:currentDate,orgId:jgid});
            //判断是否成功
            if (res.success) {
                console.log("总外输吨",res.data);  
            // //赋值
            this.zwsData = res.data;
            }
        },
        //外输液量
        async searchWsyData(currentDate,jgid){
        //发送查询请求
        let res = await qbApi.getoutputWaterTableList({currentDate:currentDate,orgId:jgid});
            //判断是否成功
            if (res.success) {
                console.log("外输液量",res.data);  
            // //赋值
            this.wsyData = res.data;
            }
        },
        //罐井拉油
        async searchGjData(currentDate,jgid){
        //发送查询请求
        let res = await qbApi.getPullingoil({currentDate:currentDate,orgId:jgid});
            //判断是否成功
            if (res.success) {
                console.log("罐井拉油",res.data);  
            // //赋值
            this.gjData = res.data;
            }
        },
        //自产气
        async searchZcqBt(jgid){
        //发送查询请求
        let res = await qbApi.getSelfProGasTableList({orgId:jgid});
            //判断是否成功
            if (res.success) {
            // console.log(res.data); 
            // //赋值
            this.zcqBt = res.data;
            }
        },
        async searchZcqData(currentDate,jgid){
        //发送查询请求
        let res = await qbApi.getSelfProGasTableDataList({currentDate:currentDate,orgId:jgid});
            //判断是否成功
            if (res.success) {
            // console.log(res.data); 
            // //赋值
            this.zcqData = res.data;
            }
        },

        //动态
        //获取作业区动态采油井数据
        async getOilTrendsInfo(currentDate,jgid){
        //发送查询请求
        let res = await qbApi.getOilTrendsInfo({currentDate:currentDate,orgId:jgid});
            //判断是否成功
            if (res.success) {
            // console.log(res.data); 
            // //赋值
            this.dtData1 = res.data;
            }
        },
        //获取作业区动态CO2注入数据
        async getCo2TrendsInfo(currentDate,jgid){
        //发送查询请求
        let res = await qbApi.getCo2TrendsInfo({currentDate:currentDate,orgId:jgid});
            //判断是否成功
            if (res.success) {
            // console.log(res.data); 
            // //赋值
            this.dtData2 = res.data;
            }
        },
        //获取架罐井
        async getJGPollution(currentDate,jgid){
        //发送查询请求
        let res = await qbApi.getJGPollution({currentDate:currentDate,orgId:jgid});
            //判断是否成功
            if (res.success) {
            // console.log(res.data); 
            // //赋值
            this.dtData3 = res.data;
            }
        },
        //获取作业区日含油污量数据
        async getDailyOilPollution(currentDate,jgid){
        //发送查询请求
        let res = await qbApi.getDailyOilPollution({currentDate:currentDate,orgId:jgid});
            //判断是否成功
            if (res.success) {
            // console.log(res.data); 
            // //赋值
            this.dtData4 = res.data;
            }
        },


        //温度
        async searchWdBt(jgid){
        //发送查询请求
        let res = await qbApi.getTemperatureTableList({jgid:jgid});
            //判断是否成功
            if (res.success) {
            // console.log(res.data); 
            // //赋值
            this.wdBt = res.data;
            }
        },
        async searchWdData(currentDate,jgid){
        //发送查询请求
        let res = await qbApi.getTemperatureDateList({currentDate:currentDate,jgid:jgid});
            //判断是否成功
            if (res.success) {
            // console.log(res.data); 
            // //赋值
            this.wdData = res.data;
            }
        },
        //采油生产运行
        //获取作业区生产运行(年度配产,月度配产)数据
        async getProPlanList(currentDate,jgid){
        //发送查询请求
        let res = await qbApi.getProPlanList({currentDate:currentDate,orgId:jgid});
            //判断是否成功
            if (res.success) {
            // console.log(res.data); 
            // //赋值
            this.Data1 = res.data;
            this.Data24 = res.data;
            }
        },
        //获取作业区采油生产运行完成情况(当日完成,旬度完成,年累计完成)数据
        async getOilProCompleteList(currentDate,jgid){
        //发送查询请求
        let res = await qbApi.getOilProCompleteList({currentDate:currentDate,orgId:jgid});
            //判断是否成功
            if (res.success) {
            // console.log(res.data); 
            // //赋值
            this.Data2 = res.data;
            }
        },
        //获取作业区生产运行井开关情况(总井数,开井数,长关井数,间抽井数)数据
        async getWellInfoList(currentDate,jgid){
        //发送查询请求
        let res = await qbApi.getWellInfoList({currentDate:currentDate,orgId:jgid,wellType:'油'});
            //判断是否成功
            if (res.success) {
            // console.log(res.data); 
            // //赋值
            this.Data3 = res.data;
            }
        },
        //获取作业区采油生产运行地面故障关井数据
        async getOilFaultWell(currentDate,jgid){
        //发送查询请求
        let res = await qbApi.getOilFaultWell({currentDate:currentDate,orgId:jgid});
            //判断是否成功
            if (res.success) {
            // console.log(res.data); 
            // //赋值
            this.Data4 = res.data;
            }
        },
        //获取作业区生产运行作业及措施关井情况(检泵井,待作业井,测压井,措施井,措施配合)数据
        async getWellWorkInfo(currentDate,jgid){
        //发送查询请求
        let res = await qbApi.getWellWorkInfo({currentDate:currentDate,orgId:jgid});
            //判断是否成功
            if (res.success) {
            // console.log(res.data); 
            // //赋值
            this.Data5 = res.data;
            }
        },

        //油井作业及措施
        //获取作业区油井作业情况(油井作业)数据
        async getOilWorkInfo(currentDate,jgid){
        //发送查询请求
        let res = await qbApi.getOilWorkInfo({currentDate:currentDate,orgId:jgid});
            //判断是否成功
            if (res.success) {
            // console.log(res.data); 
            // //赋值
            this.Data11 = res.data;
            }
        },
        //获取作业区油井措施情况(油井作业)数据
        async getOilMeasureInfo(currentDate,jgid){
        //发送查询请求
        let res = await qbApi.getOilMeasureInfo({currentDate:currentDate,orgId:jgid});
            //判断是否成功
            if (res.success) {
            // console.log(res.data); 
            // //赋值
            this.Data12 = res.data;
            }
        },
        //获取作业区油井作业措施合计(油井作业)数据
        async getOilWorkMesureTotal(currentDate,jgid){
        //发送查询请求
        let res = await qbApi.getOilWorkMesureTotal({currentDate:currentDate,orgId:jgid});
            //判断是否成功
            if (res.success) {
            // console.log(res.data); 
            // //赋值
            this.Data13 = res.data;
            }
        },

        //注水生产运行
        //获取作业区注水生产运行完成情况(当日完成,旬度完成,年累计完成)数据
        async getWaterProCompleteList(currentDate,jgid){
        //发送查询请求
        let res = await qbApi.getWaterProCompleteList({currentDate:currentDate,orgId:jgid});
            //判断是否成功
            if (res.success) {
            // console.log(res.data); 
            // //赋值
            this.Data21 = res.data;
            }
        },
        //获取作业区注水生产运行临关井数据
        async getWaterShutWellInfo(currentDate,jgid){
        //发送查询请求
        let res = await qbApi.getWaterShutWellInfo({currentDate:currentDate,orgId:jgid});
            //判断是否成功
            if (res.success) {
            // console.log(res.data); 
            // //赋值
            this.Data22 = res.data;
            }
        },
        //获取作业区生产运行井开关情况(总井数,开井数,长关井数,间抽井数)数据
        async getWellInfoList1(currentDate,jgid){
        //发送查询请求
        let res = await qbApi.getWellInfoList({currentDate:currentDate,orgId:jgid,wellType:'水'});
            //判断是否成功
            if (res.success) {
            // console.log(res.data); 
            // //赋值
            this.Data23 = res.data;
            }
        },
        //获取作业区注水生产运行注水泵数据
        async getWaterPumpNum(currentDate,jgid){
        //发送查询请求
        let res = await qbApi.getWaterPumpNum({currentDate:currentDate,orgId:jgid});
            //判断是否成功
            if (res.success) {
            // console.log(res.data); 
            // //赋值
            this.Data25 = res.data;
            }
        },

        //水井作业及措施
        //获取作业区水井作业数据
        async getWaterWellWorkInfo(currentDate,jgid){
        //发送查询请求
        let res = await qbApi.getWaterWellWorkInfo({currentDate:currentDate,orgId:jgid});
            //判断是否成功
            if (res.success) {
            // console.log(res.data); 
            // //赋值
            this.Data31 = res.data;
            }
        },
        //获取作业区水井措施数据
        async getWaterWellMeasureInfo(currentDate,jgid){
        //发送查询请求
        let res = await qbApi.getWaterWellMeasureInfo({currentDate:currentDate,orgId:jgid});
            //判断是否成功
            if (res.success) {
            // console.log(res.data); 
            // //赋值
            this.Data32 = res.data;
            }
        },

        //Tab标签区域切换按钮事件
        handleMenuClick(tab, event) {
        }
    }
}
</script>
  
<style lang="scss" scoped>
// 标题
.mytitle {
    font-size: large;
    padding-left: 10px;
    margin-bottom: 16px;
    float: left;
}

//按钮组
.myButtons {
    float: right
}

//格子的样式
.bg-white {
    background: #ffffff;
}

.grid-content {
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
}

.calendar ::v-deep .el-button-group::before {
    display: none;
}

.calendar ::v-deep .el-button-group::after {
    display: none;
}

// 分割线样式
.el-divider--horizontal {
    display: block;
    height: 2px;
    width: 100%;
    margin: 24px 0;
}

// 表单各项的样式
.el-form-item {
    margin: 15px 10px 15px 10px;
}
</style>
  